import { globalStyle } from '@vanilla-extract/css';
import { vars } from '@knno/jsx-ui/theme.css';

globalStyle('*', {
	boxSizing: 'border-box',
});

globalStyle(':root', {
	vars: {
		[vars.font.baseSize]: '16px',
	},
});

globalStyle('html,body', {
	fontFamily: 'sans-serif',
	margin: '0',
	padding: '0',
	height: '100%',
});

globalStyle('body', {
	overflow: 'auto',
});

globalStyle('a', {
	color: vars.color.danger,
});

globalStyle('a:visited', {
	color: vars.color.danger,
});
